<!DOCTYPE html>
<html>
<#include "../include/PC_Header.html"> 
<#include "../include/header.html">
<body>
<#assign nid="member">
     <!-- <div id="loginWrap" class="clearfix">
		<div class="loginBd clearfix">
			<div class="memberLogo"><a href="/" title="账户注册"><span>账户注册</span></a></div>
			<a href="/" title="返回首页" class="backHomePage">返回首页</a>
		</div>
	</div>  -->
	<div class="qd_aboutus-top"></div>
	<div class="reg_bg register-container">
	    <div class="reg_wrap">
	    	<h3 class="regTitle">账户注册</h3>
	    	<ul class="reg_process clearfix">
	    		<li class="hover step1"><span></span><em>1</em>填写账户信息</li>
	    		<li class="step2"><span></span><em>2</em>账户注册验证</li>
	    		<li class="step3"><span></span><em>3</em>账户注册成功<span class="ml10"></span></li>
	    	</ul>
	        <!--S-注册-->
	    	<div class="reg_content" style="display:block">
	        	<!-- <div class="reg_content_title">
	                已有账号？<a href="/user/login.html" class="login_a">立即登录</a>
	            </div> -->
	            <form action="${webroot}/user/registerFirst.html" autocomplete="off" method="post" name="formUser" id="signupForm" >
	            <ul class="reg_table">
	                <li>
	                    <em class="userNameIcon"></em>
	                    <input id="username" name="userName" type="text" size="25" maxlength="16" value="" placeholder="用户名">
	                    <span class="msg_tip">请输入4-16位字符，由英文字母、数字组成，且不能为纯数字</span>
	                </li>
	                <!-- <li class="emailbox">
	                    <label class="reg_l_title">Email：</label>
	                    <input id="customTest" name="email" type="text"  size="25" maxlength="25" value="" autocomplete="off"/>
						<span class="msg_tip">请输入您的常用邮箱</span>
	                </li> -->
	                <li>
	                    <em class="mobilephoneIcon"></em>
	                    <input id="mobilePhone" name="mobilePhone" type="text" size="25" maxlength="11" onkeyup="replaceAndSetPos(this,/[^\d]/g,'')" value=""  placeholder="手机号">
	                    <span class="msg_tip" style="color:#da4453">请确保您输入的手机号码与您需要绑定的银行卡在银行柜台系统预留的号码一致</span>
	                </li>
	                <li>
	                    <em class="passwordIcon"></em>
	                    <input id="password" class="required"  name="pwd"  size="25" type="password" maxlength="16" onpaste="return false" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" placeholder="密码">
	                    <span class="msg_tip">8-16位字符，其中包括至少一个字母和一个数字</span>
	                </li>
	                 <!-- <li class="p_message">   	 
	                     <div class="passwordStrength clearfix ">	
	                        <span class="bar">
	                            <span class="process"></span>
	                        </span>
	                        <span class="strength low">弱</span>
	                        <span class="strength good">中</span>
	                        <span class="strength best">强</span>
	                     </div>
	                </li> -->
	                
	               	<li>
	                	<em class="passwordIcon"></em>
	                    <input type="password" name="confirmPassword" placeholder="确认密码" size="25" maxlength="16" id="checkpwd" onpaste="return false" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
	                    <span class="msg_tip">请再次输入密码</span>
	                </li>	                
	                <input type="hidden" value="1" name="userType">
					<!-- <li>
						<label class="reg_l_title" for="invitePhone">邀请人：</label>
						<input id="invitePhone" name="invitePhone" type="text" size="25" maxlength="11" onkeyup="replaceAndSetPos(this,/[^\d]/g,'')" value="" >
						<span class="msg_tip">请输入您的邀请人手机号码</span>
					</li> -->
	                <li class="validCodeLi">
	                	<em class="vaildCodeIcon"></em>
	                    <input name="validCode" id="validCode" type="text"  maxlength="4" style=" *margin-left:3px;"  placeholder="验证码" />
	                    <img src="${webroot}/validimg.html" alt="点击刷新" class="valicode_img" onClick="this.src='${webroot}/validimg.html?t=' + Math.random();" align="absmiddle" style="cursor:pointer;margin-left:10px; height:30px;" />
	                    <span class="msg_tip validCodeMsg"></span>
	                </li>
	                <li class="contract"><input type="checkbox" id="dianji"  name="agree" checked value="1">&nbsp;&nbsp;我已阅读并且同意<a id="service_contract" href="javascript:;">
	                《${web_name!}用户服务协议》
	                </a><span class="msg_tip"></span></li>
	                <li class="reg_li">
	                    <input type="hidden" name="actionType"  value="register" />
	                    <input type="hidden" name="openLoginId"  value="${openLoginId!}" />
	                    <input type="hidden" value="register">
	                    <input id="invite_username" name="ui" type="hidden" value="${ui!}">
	                	<div class="reg_btn2_layer animate_parent">
							<input class="reg_btn2" type="submit" id="zhuce" value="立即注册"/>

						</div>
	                	  <span class="msg_tip submit"></span>
	                </li>
	            </ul>
	            </form>
	        </div>
	        <!--E-注册-->
	
	        <!--S-成功注册 -->
	        <div class="success_reg_con" style="display:none; background:none;">
	       		<form action="/user/doRegister.html" id="verifyRegistrationForm">
					     <ul class="reg_table">
					     <li>
		                    <em class="mobilephoneIcon"></em>
		                    <input type="text" id="regPhone" disabled="disabled" style="background: #fff;"/>
		                    <span class="msg_tip" style="display: inline-block;"></span>
		                </li>
						<li>
					      	<em class="vaildCodeIcon"></em>
					      	<input type="text" name="code" id="code" placeholder="验证码" style="float: left;">
					    	<input type="button" class="setting_vcode inbg2" id="getPhoneVcode" value="获取验证码">
					    	<span class="msg_tip" id="success_reg_code" style="display: inline-block;"></span>
					    </li>
					    <li>
					  		<input type="hidden" name="sign" id="sign" value="1505210967652145">
							<div class="animate_parent">
								<input type="submit" class="success_reg_btn" id="success1" value="提交">

							</div>
					    </li>
					  </ul> 			
	
	       		</form>
	       
	           <!--  <form>
	                <input type="hidden" name="email" class="js_resetEmail"> 
	                <input type="hidden" name="userid" class="js_userid">
	            </form>
	           <h2>邮箱验证后，即可完成注册！</h2>
	           <p>只需要登录邮箱<font color="#315a8b" class="js_sucEmail"></font>，点击链接激活即可。验证成为网站用户后，您的账户会更加安全！</p>
	           <a href="javascript:;" id="loginEmail" class="reg_link" target="_blank">立即登录邮箱完成验证</a>
	            <dl>
	                <dt>还没有收到验证邮件？</dt>
	                <dd><span id="email_msg"></span></dd>
	                <dd>1、尝试到广告邮件、垃圾邮件目录里找找看</dd>
	                <dd>2、可以<a href="javascript:;" id="reset_email">再次发送验证邮件</a></dd>
	                <dd>3、如果重发验证邮件后仍然没有收到，请<a href="/user/register.html">重新注册</a></dd>
	            </dl> -->
	        </div>
	        
	        <!--E-成功注册 -->
	        <div class="success_cg" style="display:none; background:none;">
	       	<img alt="" src="${webroot}${theme_dir}/images/regSuccess01.png">
	       		 恭喜！完成注册！
	        <a class="now_login_btn" href="/user/login.html">立即登录</a></div>
			
	        </div>
        </div>
    
    <#include "xieyi.html"> 
    <#include "../include/footer.html">
    <#include "../include/PC_Footer_Additional_JS.html">
    <script type="text/javascript">seajs.use('register');</script>

	<div class="animate_play_layer animate_register_1"><img src="" alt=""></div>
	<div class="animate_play_layer animate_register_2"><a href="/member/redpacket/availableRedEnvelope.html"><img src="" alt=""></a></div>
	<div class="animate_play_layer animate_register_error"><img src="" alt=""></div>
</body>
</html>
